<template>
  <p>我是问答
    <van-cell
      is-link
      @click="showPopup"
    >展示弹出层</van-cell>
    <van-popup v-model="show">
      <van-cell-group v-if="!mshow">
        <van-cell>不感兴趣</van-cell>
        <van-cell
          is-link
          @click="mshow=true"
        >举报反馈</van-cell>
        <van-cell>拉黑作者</van-cell>
      </van-cell-group>
      <van-cell-group v-else>
        <van-cell
          icon="arrow-left"
          @click="mshow=false"
        >返回</van-cell>
        <van-cell>侵权</van-cell>
        <van-cell>色情</van-cell>
        <van-cell>暴力</van-cell>
        <van-cell>低俗</van-cell>
        <van-cell>不适</van-cell>
        <van-cell>错误</van-cell>
        <van-cell>其他</van-cell>
      </van-cell-group>
    </van-popup>
  </p>
</template>
<script>
export default {
  data () {
    return {
      show: false,
      mshow: false
    }
  },

  methods: {
    showPopup () {
      this.show = true
    }
  }
}
</script>
<style lang="less" scoped>
p {
  margin-top: 60px;
}
</style>
